<template>
  <el-config-provider :locale="localeMap[settings.language]">
    <div id="app">
      <router-view />
    </div>
  </el-config-provider>
</template>
<script setup>
import en from "element-plus/lib/locale/lang/en";
import zh from "element-plus/lib/locale/lang/zh-cn";
import useSettings from "./store/settings";
const localeMap = {
  "zh-CN": zh,
  "en-US": en,
};
const settings = useSettings();
</script>
<style lang="scss">
:root {
  --app-background: #f5f5f5;
  --app-menu-bg: #fff;
  --app-border: #409eff;
}
#app {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: var(--app-background);
}
body {
  color: var(--text-color);
}
.dark {
  --app-background: #141414;
  --app-menu-bg: #1d1e1f;
  --app-border: #58585b;
  color-scheme: dark;
}
</style>
